<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>首页</title>
	<link href="${pageContext.request.contextPath}/client/css/main.css" rel="stylesheet" type="text/css" />
	<link href="https://cdn.bootcss.com/Swiper/4.5.1/css/swiper.min.css" rel="stylesheet">
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
	<%@include file="./include/head.jsp" %>
	<%@include file="./include/menu_search.jsp" %>
	<div class="home-wrap">
		<div class="swiper-container">
		    <div class="swiper-wrapper">
		        <div class="swiper-slide">
		        	<img alt="" src="${pageContext.request.contextPath}/client/images/ad/index_ad.jpg">
		        </div>
		        <div class="swiper-slide">
		        	<img alt="" src="${pageContext.request.contextPath}/client/images/ad/index_ad0.jpg">
		        </div>
		        <div class="swiper-slide">
		        	<img alt="" src="${pageContext.request.contextPath}/client/images/ad/index_ad1.jpg">
		        </div>
		        <div class="swiper-slide">
		        	<img alt="" src="${pageContext.request.contextPath}/client/images/ad/index_ad2.jpg">
		        </div>
		        <div class="swiper-slide">
		        	<img alt="" src="${pageContext.request.contextPath}/client/images/ad/index_ad3.jpg">
		        </div>
		        <div class="swiper-slide">
		        	<img alt="" src="${pageContext.request.contextPath}/client/images/ad/index_ad4.jpg">
		        </div>
		        <div class="swiper-slide">
		        	<img alt="" src="${pageContext.request.contextPath}/client/images/ad/index_ad5.jpg">
		        </div>
		    </div>
		    <!-- 如果需要分页器 -->
		    <div class="swiper-pagination"></div>
		</div>
		<div class="panel panel-default" style="margin-top: 25px;">
		  <div class="panel-heading">最新公告</div>
		  <table class="table">
		  	<tr>
		  		<td>标题</td>
		  		<td>内容</td>
		  		<td>发布日期</td>
		  	</tr>
		  	<c:forEach items="${notices}" var="notice">
		  		<tr>
		  			<td>${notice.getTitle()}</td>
		  			<td>${notice.getDetails()}</td>
		  			<td width="100">${notice.getN_time()}</td>
		  		</tr>
		    </c:forEach>
		  </table>
		</div>
	</div>
	<%@include file="./include/foot.jsp" %>
	<script src="https://cdn.bootcss.com/Swiper/4.5.1/js/swiper.min.js"></script>
	<script>
	  var mySwiper = new Swiper ('.swiper-container', {
	    loop: true, // 循环模式选项
	    // 如果需要分页器
	    pagination: {
	      el: '.swiper-pagination',
	    }
	  })        
	  </script>
</body>
</html>